<template>
	<!-- 系统设置模块-重置异常表-->
	<div class="fillcontain">
		<!-- 标题 -->
		<div class="fastQuery">
			<el-row>
				<el-col :span="6" class="common-box">
					<el-col :span="10" class="common-lab">
						<label class="labelName">受理号</label>
					</el-col>
					<el-col :span="14">
						<el-input clearable v-model="applnum" placeholder=""></el-input>
					</el-col>
				</el-col>
				<el-col :span="6" class="text_center">
					<el-button type="primary" plain icon="el-icon-refresh" @click="resetErr">下载数据</el-button>
				</el-col>
			</el-row>
		</div>
	</div>
</template>
<script>
	import TaskConstants, {
		call,
		exportData
	} from "@/api/taskManager/common"
	import constant from "@/utils/constant";
	import {
		Message
	} from 'element-ui';
	export default {
		data() {
			return {
				applnum: '',
				loading: false
			}
		},
		created() {

		},
		mounted() {},
		methods: {
			resetErr() {
				let reg = /^[0-9]+$/
				if (!reg.test(this.applnum) || this.applnum == undefined || this.applnum == "undefined" || this.applnum.trim() ==
					"" || this.applnum.trim().length < 6) {
					this.$message({
						message: '请输入正确受理号！',
						type: 'error'
					});
					return
				}
				let vueObj = this;
				exportData(vueObj, TaskConstants.apis.downImg + this.applnum, "", "get", this.applnum+"镜像数据下载.xls",
					"application/vnd.ms-excel;charset=utf-8");

			},
		},
	}
</script>
<style lang="less" scoped>
	.fillcontain {
		padding-bottom: 0;

		.fastQuery {
			padding: 15px 20px 10px 20px;
			background: #fff;

			.fastQuery_title {
				color: #666;
				padding: 6px 0px;
			}
		}
	}

	.contain {
		background: #fff;
		padding: 10px;
		margin-bottom: 20px;
	}

	.pagination {
		padding: 10px 20px;
		text-align: right;
	}
</style>
